<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="dividends-frontend.css">
    <title>Dividends Front End</title>
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" src="dividends_frontend/dividends_frontend.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
 
    <table id="dataTable">
    	<thead>
    		<tr class="blue-row"><th colspan="6">Top Dividends Table</th></tr>
    		<tr class="blue-row"><th>Ticker</th><th>Name</th><th>Industry</th><th>Sector</th><th>Market Catp</th><th>Yield</th></tr>
    	</thead>
    	<tfoot style="border-spacing:2px;">
    			<tr class="white-row" style="height:20px;"><td colspan="6" style="text-align:center;"></td></tr>
    			<tr>
    				<td colspan="6">
    					<table style="border-spacing:4px">
    						<tr class="blue-row"><td style="text-align:center;width:398px;" id="prev30Td">&lt;&lt;&lt;Previous 30</td><td style="text-align:center;width:398px;" id="next30Td">Next 30&gt;&gt;&gt;</td></tr>
    					</table>
    				</td>
    			</tr>
    	</tfoot>
    	<tbody id="dataTableTbody"></tbody>
    </table>
  </body>
</html>
